<?php
/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;

\frontend\modules\yii2\widgets\layouts\template\google\GoogleConsoleAsset::register($this);

$this->beginPage();
echo "<!doctype html>";
echo "<html lang='zh-CN'>";
// head -----------------------------------------------
echo Html::beginTag("head");
$this->registerMetaTag(["charset" => "utf-8"]);
$this->registerMetaTag(["http-equiv" => "X-UA-Compatible", "content" => "IE=edge"]);
$this->registerMetaTag(["name" => "viewport", "content" => "width=device-width, initial-scale=1"]);
$this->registerLinkTag(["rel" => "icon", "href" =>"/favicon.ico"]);
$this->registerCsrfMetaTags();
$this->registerMetaTag(['name' => 'author','content' => 'chenzhiwei']);

echo Html::tag("title", "Demo-仿谷歌控制台-后台模板-Yii2框架最新中文教程");
$this->head();
echo Html::endTag("head");
// head done -----------------------------------------------

// body -----------------------------------------------
echo "<body>";
$this->beginBody();
?>

    <!--中间内容区: 放在第一个位置是因为头部导航的下拉框会被后覆盖-->
    <div class="g-content">

        <div class="site-index">

            <div class="jumbotron text-center bg-transparent">
                <h1 class="display-4">Congratulations!</h1>

                <p class="lead">You have successfully created your Yii-powered application.</p>

                <p><a class="btn btn-lg btn-success" href="http://www.yiiframework.com">Get started with Yii</a></p>
            </div>

            <div class="body-content">

                <div class="row">
                    <div class="col-lg-4">
                        <h2>Heading</h2>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
                            ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
                            fugiat nulla pariatur.</p>

                        <p><a class="btn btn-outline-secondary" href="http://www.yiiframework.com/doc/">Yii Documentation &raquo;</a></p>
                    </div>
                    <div class="col-lg-4">
                        <h2>Heading</h2>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
                            ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
                            fugiat nulla pariatur.</p>

                        <p><a class="btn btn-outline-secondary" href="http://www.yiiframework.com/forum/">Yii Forum &raquo;</a></p>
                    </div>
                    <div class="col-lg-4">
                        <h2>Heading</h2>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
                            ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
                            fugiat nulla pariatur.</p>

                        <p><a class="btn btn-outline-secondary" href="http://www.yiiframework.com/extensions/">Yii Extensions &raquo;</a></p>
                    </div>
                </div>

            </div>
        </div>

    </div>

    <!--头部导航-->
    <div class="g-top-nav">
        <div class="g-logo">
            <img src="/images/google-logo.png" />
        </div>
        <div class="g-system-name">
            Actions Console
        </div>
        <div class="g-top-menu">
            <a href="#" class="active">Overview</a>
            <a href="#">Develop</a>
            <a href="#">Test</a>
            <a href="#">Deploy</a>
            <a href="#">Analyze</a>
        </div>
        <div class="g-top-user">
            <div class="dropdown">
                <a class="dropdown-toggle" type="button" id="user-info" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    Marc
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="user-info">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Logout</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!--左边导航-->
    <div class="g-left-nav active">
        <div class="g-left-menu">
            <a class="g-item active" href="#">
                <span class="glyphicon glyphicon-search"></span>
                <div>Project Details</div>
            </a>
            <a class="g-item" href="#">
                <span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
                <div>Directory information</div>
            </a>
            <a class="g-item" href="#">
                <span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
                <div>Company Details</div>
            </a>
        </div>
        <div class="g-arrow">
            <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
        </div>
    </div>


<?php
$this->endBody();
echo "</body>";
echo "</html>";
$this->endPage();